<!DOCTYPE html>
<!-- saved from url=(0025)chrome://chrome/settings/ -->
<html i18n-values="dir:textdirection;" id="uber" class="" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title i18n-content="pageTitle">设置</title>

<link rel="stylesheet" href="./css/chrome_shared.css">
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

html {
  height: 100%;  /* For printing. */
}

body {
  /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing
   * sections. */
  overflow-x: hidden;
  font-family: 'Segoe UI', Arial, 'Microsoft Yahei', Simsun, sans-serif;
  font-size: 75%;
}

#navigation {
  height: 100%;
  left: 0;
  /* This is a hack to prevent the navigation bar from occluding pointer events
   * from the bottom scroll bar (which shows when one needs to horizontally
   * scroll). Corresponding padding-top to offset this is in uber_frame.css */
  margin-top: -20px;
  position: absolute;
  /* This value is different from the left value to compensate for the scroll
   * bar (which is always on and to the right) in RTL. */
  right: 15px;
  width: 155px;
  z-index: 3;
}

#navigation.background {
  z-index: 1;
}

#navigation.changing-content {
  -webkit-transition: -webkit-transform 100ms, width 100ms;
}

.iframe-container {
  -webkit-margin-start: -20px;
  -webkit-transition: margin 100ms, opacity 100ms;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.iframe-container.selected {
  -webkit-margin-start: 0;
  -webkit-transition: margin 200ms, opacity 200ms;
  -webkit-transition-delay: 100ms;
  opacity: 1;
  z-index: 2;
}

.iframe-container.expanded {
  left: 0;
}

iframe {
  border: none;
  display: block;
  height: 100%;
  width: 100%;
}

body {
  overflow: hidden;
  padding-top: 20px;
}

html.changing-content body {
  -webkit-transition: -webkit-transform 100ms;
}

h1 {
  -webkit-margin-after: 1em;
  /* This value must match the top padding of the uber page header. */
  -webkit-margin-before: 21px;
  -webkit-margin-start: 23px;
  color: rgb(92, 97, 102);
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  -webkit-border-start: 6px solid transparent;
  -webkit-padding-start: 18px;
  -webkit-user-select: none;
  cursor: pointer;
}

li:hover {
  color: #777;
}

li.selected {
  -webkit-border-start-color: rgb(78, 87, 100);
  cursor: default;
  pointer-events: none;
}

#helpNavItem {
  margin-top: 27px;
}

button {
  background-color: white;
  border: 0;
  color: #999;
  cursor: pointer;
  font: inherit;
  line-height: 1.417em;  /* 17px based on default 12px font size. */
  margin: 6px 0;
  padding: 0;
}

.selected > button {
  color: rgb(70, 78, 90);
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
</head>

<body>

<div id="navigation" data-width="155" class="changing-content" style="-webkit-transform: translateX(0px);">
<h2><a href="."><img src="./images/logo.png" width="86" height="86" alt="滚动新闻"></a></h2>
<ul>
  <li i18n-values="controls:settingsNews" id="instantNews" class="selected">
    <button class="custom-appearance" onclick="changeSource('instantNews', 'setting-instantNews.html')">即时新闻</button>
  </li>
  <li i18n-values="controls:settingsWeibo" id="weibo">
    <button class="custom-appearance" onclick="changeSource('weibo', 'setting-weibo.html')">微博</button>
  </li>
  <li i18n-values="controls:settingsBlog" id="blog" >
    <button class="custom-appearance" onclick="changeSource('blog', 'setting-blog.html')">博客</button>
  </li>
  <li id="helpNavItem" i18n-values="controls:helpHost" controls="help">
    <button class="custom-appearance" i18n-content="helpDisplayName" onClick="location.href='./index.html'">返回</button>
  </li>
</ul>
</div>

<div class="iframe-container selected" data-title="设置">
<iframe name="settings" id="settings" src="setting-instantNews.html"></iframe>
</div>

<script src="./js/setting.js" language="javascript" type="text/javascript"></script>

</body></html>